<!DOCTYPE html>
<html style="height: 100%;">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <meta name="description" content="「我觉得最有帮助的，并不是我所拥有的知识，而是我对关系的态度」 — 卡尔·罗杰斯">
    <title>遇见与成长 - 图腾客户管理系统</title>
    <link rel="stylesheet" href="/apps/css/bootstrap.min.css">
    <link rel="stylesheet" href="/apps/css/fontawesome-free-6.4.0-web/css/all.css">
    <link rel="stylesheet" href="/apps/css/mui.css">
    <style>
        body {
            padding-bottom: 100px;
            min-height: 100vh;
            display: flex;
            flex-direction: column;
        }
        .footer {
            position: fixed; bottom: 0;
            width: 100%; height: 80px;
            background-color: rgba(15, 76, 129, 1);
            color: white;
        }
        .fa-stack-2x {
            color: #0f4c81;
        }
    </style>
    <script src="/apps/js/baidu-tongji-mtx.js"></script>
</head>
<body>
    <div class="container">
        <div class="row mt-2">
            <img src="https://oss.foodtrust.cn/mta-ghost/202306/btkuhu.jpg" alt="《舞蹈课》是法国画家埃德加·德加的代表作之一，现藏于法国巴黎的奥塞美术馆。这幅画描绘了舞者在芭蕾舞大师朱尔斯·佩罗指导下的课程结束时的情景。" class="img-fluid">

            <div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
                <div class="carousel-inner">
                    <div class="carousel-item active">
                        <div class="d-block w-100">
                            <p class="text-center text-muted text-truncate"><a href="https://wj.qq.com/s2/12286847/4d01">{{quote}}</a></p>
                        </div>
                    </div>
                    {{#each comments}}
                    <div class="carousel-item">
                        <div class="d-block w-100">
                            <p class="text-center text-muted text-truncate"><a href="https://wj.qq.com/s2/12286847/4d01">{{this.message}}</a></p>
                        </div>
                    </div>
                    {{/each}}
                </div>
                <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators"  data-bs-slide="prev">
                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                    <span class="visually-hidden">Previous</span>
                </button>
                <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
                    <span class="visually-hidden">Next</span>
                </button>
            </div>
        </div>

        <div class="row mt-2">
            <div class="col">

                <ul class="list-group mt-2">
                    {{#each group1}}
                    <li class="list-group-item list-group-item-action" onclick="window.location.href='{{this.href}}'">
                        <div class="d-flex w-100 justify-content-between">
                            <div>
                                <h5 class="mb-1">{{this.title}}</h5>
                                <small>{{this.description}}</small>
                            </div>
                            <span class="fa-stack fa-lg">
                                <i class="fas fa-circle fa-stack-2x"></i>
                                <i class="{{this.icon}} fa-stack-1x fa-inverse"></i>
                            </span>
                        </div>
                    </li>
                    {{/each}}
                </ul>

                <ul class="list-group mt-2">
                    {{#each group2}}
                    <li class="list-group-item list-group-item-action" onclick="window.location.href='{{this.href}}'">
                        <div class="d-flex w-100 justify-content-between">
                            <div>
                                <h5 class="mb-1">{{this.title}}</h5>
                                <small>{{this.description}}</small>
                            </div>
                            <span class="fa-stack fa-lg">
                                <i class="fas fa-circle fa-stack-2x"></i>
                                <i class="{{this.icon}} fa-stack-1x fa-inverse"></i>
                            </span>
                        </div>
                    </li>
                    {{/each}}
                </ul>

                <ul class="list-group mt-2">
                    {{#each group3}}
                    <li class="list-group-item list-group-item-action" onclick="window.location.href='{{this.href}}'">
                        <div class="d-flex w-100 justify-content-between">
                            <div>
                                <h5 class="mb-1">{{this.title}}</h5>
                                <small>{{this.description}}</small>
                            </div>
                            <span class="fa-stack fa-lg">
                                <i class="fas fa-circle fa-stack-2x"></i>
                                <i class="{{this.icon}} fa-stack-1x fa-inverse"></i>
                            </span>
                        </div>
                    </li>
                    {{/each}}
                </ul>

            </div>
        </div>

        <div class="row mt-2">
            <div class="col">
                <div class="text-center" onclick="window.location.href='https://totemlife.cn/apps/clear?dest=https%3A%2F%2Ftotemlife.cn%2Fapps%2Fcrm';">
                    <small>
                        重新登录 U#{{authUserInfo.uid}} {{authUserInfo.crmROLE}} R#{{authUserInfo.repID}} {{authUserInfo.repCODE}}
                    </small>
                </div>
            </div>
        </div>
    </div>

    <footer class="footer py-3 text-center" onclick="window.location.href='https://totemlife.cn/apps/crm';">
        <div class="container">
            <span>&copy;2023 图腾生命医学</span>
            <span>我们为人类免疫事业而奉献</span>
        </div>
    </footer>

    <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
    <script src="/apps/js/bootstrap.bundle.min.js"></script>
    <script src="/apps/js/wx-client-dom.js"></script>
</body>
</html>
